<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>车辆管理系统登录</title>
    <link rel="icon" href="image/stop.jpg" color="green" type="image/jpg">
    <link rel="stylesheet" th:href="@{layui/css/layui.css}">

</head>
<body onload="timer()"
      style="width: 100%;height:1200px;color:grey;background:url('image/bg_login.jpg') no-repeat;background-size: 100% 100%;border: 1px solid black">
<!--background-color: #8D8D8D-->
<!--background: url('image/bg.jpg') no-repeat top center;-->
<div style="height:120px;width: 100%;float: left;">  <!--border: 1px solid black;-->
    <div style="width: 43%;padding-top: 30px;padding-left: 6%;height:100%;float: left;">  <!--border: 1px solid red-->
<!--        <img src="image/stop.jpg" alt="######" width="12%">-->
    </div>
    <div style="width:43%;color:black;padding-top:30px;padding-right: 6%;font-size: 22px;height: 100%;text-align: right;float: left;">
        <span>尊敬的车主用户，请登录</span>
        <div id="time"></div>
    </div>
</div>
<div class="layui-container" style="height: 100%;padding-top:242px;">   <!--border: 1px solid black-->
    <div class="layui-row" style="height: 600px;">  <!--border: 1px solid green-->
        <div class="layui-col-md6 layui-col-md-offset3">    <!-- style="border: 1px solid yellow"-->
            <form id="loginForm" style="background: url('image/login_main.png') no-repeat center">
                <div style="height: 150px;">    <!--border: 1px solid red-->
                    <img src="image/stop.jpg" style="padding: 10px 220px;" width="110px" height="130px" alt="#">
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="width: 320px;margin: 0 auto;">  <!--border: 1px solid black-->
                        <!--                        <label for="name"-->
                        <!--                               style="font-size: 14px; color: black">填写以下订阅表格，我们会以邮件的形式来提供最新的业界新闻<br>以及<b>季丰电子</b>的独家优惠、培训活动和解决方案资讯。</label>-->
                        <br>
                        <lable for="username" style="font-size: 22px;color: black">
                            <center><b>车辆管理平台</b></center>
                        </lable>
                        <div style="height: 8px"></div>
                        <input type="text" name="username" id="username" placeholder="请输入您的用户名" maxlength="10"
                               class="layui-input"><p th:text="${msg1}"></p>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="width: 320px;margin: 0 auto">
                        <label for="password"></label>
                        <input type="password" name="password" id="password" placeholder="请输入您的密码" maxlength="30"
                               style="size: 100px"
                               class="layui-input"><p th:text="${msg2}"></p>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="width: 320px;margin: 0 auto">
                        <label for="validateCode"></label>
                        <input type="text" name="validate" id="validateCode" placeholder="验证码" maxlength="4"
                               style="height:30px;width: 100px;vertical-align: middle">
                        <img src="/kaptcha" id="validImg" style="width: 100px;vertical-align: middle" alt="#"
                             onclick="this.src='/kaptcha?d='+new Date()*1">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block" style="width: 320px;margin: 0 auto;">
                        <button type="button" class="layui-btn layui-col-sm-offset3" onclick="realLogin()">登录
                        </button>
                        <input type="reset" class="layui-btn layui-btn-warm" value="重置">
                    </div>
                </div>
                <div style="height: 50px">

                </div>
            </form>
        </div>
    </div>
</div>

<!-- 全局js -->
<script type="text/javascript" th:src="@{layui/layui.js}"></script>
<script type="text/javascript" th:src="@{jquery3.5.1/jquery-3.5.1.min.js}"></script>
<script type="text/javascript" th:src="@{js/login.js}"></script>
</body>
</html>